<template>
  <div class="empty-state">
    <div class="empty-icon">📄</div>
    <h3>试卷预览区</h3>
    <p>请完成配置后点击"生成试卷"查看预览</p>
  </div>
</template>

<script>
export default {
  name: 'EmptyState'
}
</script>

<style scoped>
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 60vh;
  color: #718096;
  text-align: center;
}

.empty-icon {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.6;
}

.empty-state h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #4a5568;
}

.empty-state p {
  font-size: 1rem;
  opacity: 0.8;
}
</style>